<script setup>
    import {counterStore} from "../stores/counterStore";
    const counter=counterStore();
    counter.activeIndex=3;

    import { ReportViolationPageStore } from "../stores/ReportViolationPageStore";
    const store=ReportViolationPageStore();
    const list={
            content:store.list.content,
            date:store.list.date,
            status:store.list.status,
    };

/* 下载附件 */
    const downloadFile = () => {
        // 1. 创建隐藏的 <a> 标签
        const link = document.createElement('a');
        // 2. 设置文件路径（假设文件存储在 public/downloads/ 目录下）
        link.href = '/images/违规投诉详情页/附件.docx';
        // 3. 设置下载文件名（可选）
        link.download = '附件.docx';
        // 4. 触发点击
        link.click();
    };

</script>

<template>                   
     <el-container style="width: 1200px;margin: auto;background-color: #f8f9f8;padding: 30px;">
        <el-main>
            <p style="font-size: 15px;color: #959292;margin-bottom: 30px;">
                <router-link to="/" style="color: #959292;">首页</router-link> /
                <router-link to="/ReportViolationPage" style="color: #959292;">违规投诉</router-link> /
                <span style="color: black;">违规投诉详情页</span>           
            </p>
            <div style="padding: 30px 30px 50px 30px;background-color: white;text-align: center;">
                <h1>{{list.content}}</h1>
                <p style="margin: 30px 0;">{{list.date}}</p>
                <p style="color: #f28e00;font-weight: bold;text-align: right;">当前状态： {{ list.status }}</p>
                <img src="/images/违规投诉详情页/u1686.png" style="width: 1200px;">
                
                <div style="text-align: left;margin-top: 20px;color: #959292;cursor: pointer;" @click="downloadFile">
                    <img src="/images/平台动态详情页/link.png"> 附件： <img src="/images/平台动态详情页/folder.png"> 太原市迎泽区卫生局卫生监督所 2023 年 4 月至 12 月政府采购意向 - 公月经费项目附件
                </div>
            </div>
        </el-main>
    </el-container>
</template>

<style scoped>  
/* 一、全局样式 */
    * {
        margin: 0;
        padding: 0;
    }
    /* 修改a标签样式 */
    a{
        text-decoration: none;
    }



</style>